<script lang="ts">
    import NoticePanel from "./NoticePanel.svelte";

    const props = $props();
</script>

{#if props.data && props.data.length}
    <div class={`cm-notification-box cm-notification-${props.docker}`}>
        {#each props.data as item (item.key)}
            <NoticePanel bind:this={props.noticeMap[item.key]} data={item} onclose={props.onclose} />
        {/each}
    </div>
{/if}
